<!DOCTYPE html>
<html lang="en"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.thymeleaf.org"
      layout:decorator="layout/m_master">

<div layout:fragment="content">
    <style type="text/css">
        .page_manage_gift .giftlist .item{
            background-color: #FFF;
            padding: .75rem;
            border-bottom: 1px dashed #EEE;
        }
        .page_manage_gift .giftlist .item .gift {
            font-size: .7rem;
            color: #333;
        }
        .page_manage_gift .giftlist .item .gift img{
            width: 2rem;
            height: 2rem;
            vertical-align: middle;
            margin-top: -.2rem;
        }
        .page_manage_gift .giftlist .item .single {
            font-size: .7rem;
            color: #333;
            margin-top: .5rem;
        }
        .page_manage_gift .giftlist .item .info{
            color: #999;
            font-size: .6rem;
        }
        /*.infinite-scroll { position: absolute; top: 2.25rem; bottom: 0rem; left: 0; right: 0; }*/
    </style>
    <div class="page-group">
        <div class="page page_manage_gift">
            <div th:replace="layout/m_layout::title('礼物')"></div>
            <div class="page-content">
                <section>
                    <div class="bcui-tab">
                        <div class="bcui-tab-title">
                            <div class="item active" tab="received">
                                我收到的
                            </div>
                            <div class="item" tab="delivered">
                                我送出的 <s class="dot hide" bottlecms-notice="gift_me"></s>
                            </div>
                        </div>
                        <div class="bcui-tab-content">

                            <div class="item infinite-scroll infinite-scroll1 active">

                                <div class="bcui-infinite infinite-gift1" pages-current="1" pages-src="/m/ajax/center/gift/getReceiveGift">
                                    <div class="bcui-infinite-list  giftlist giftlist1"></div>
                                    <div class="bcui-infinite-preloader" status="nothing">
                                        <div class="bcui-flow-more"><font>加载更多</font></div>
                                        <div class="bcui-flow-loading"></div>
                                        <div class="bcui-flow-end"><font>没有了～</font></div>
                                        <div class="bcui-flow-nothing"><font>没有找到相关数据！</font></div>
                                    </div>                            </div>
                            </div>
                            <div class="item infinite-scroll infinite-scroll2">
                                <div class="bcui-infinite infinite-gift2" pages-current="1" pages-src="/m/ajax/center/gift/getGiveGift">
                                    <div class="bcui-infinite-list  giftlist giftlist2">
                                    </div>
                                    <div class="bcui-infinite-preloader" status="more">
                                        <div class="bcui-flow-more"><font>加载更多</font></div>
                                        <div class="bcui-flow-loading"></div>
                                        <div class="bcui-flow-end"><font>没有了～</font></div>
                                        <div class="bcui-flow-nothing"><font>没有找到相关数据！</font></div>
                                    </div>                            </div>
                            </div>


                        </div>
                    </div></section>


            </div>
        </div>
        <div th:replace="layout/m_layout::systemJs"></div>
        <script id="javascript-jquery" src="/m/js/center/gift.js"></script>
    </div>
</div>
</html>
